<!DOCTYPE html>
<html>
  <head>
    <title>兼职列表</title>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">


    <link rel="stylesheet" href="__STATIC__/mobile/css/weui.min.css">
	<link rel="stylesheet" href="__STATIC__/mobile/css/jquery-weui.css">
    <link rel="stylesheet" href="__STATIC__/mobile/css/style.min.css">
    <link rel="stylesheet" href="__STATIC__/mobile/css/demos.css">
    <link rel="stylesheet" href="__STATIC__/mobile/css/main.css">
    <link rel="stylesheet" href="__STATIC__/mobile/css/iconfont.css">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=DA6Bw0637vf4t96C4GRhyPBMyplqG6zA"></script>
    <style>
    	.navbar {
		    height: 50px;
		    color: #000;
		    background: #ffd966;
		    position: fixed;
		    top: 0;
		    left: 0;
		    right: 0;
		    z-index: 99;
		    display: -webkit-box;
		    display: -ms-flexbox;
		    overflow: hidden;
		}
		.navbar .nav-wrap-left {
		    height: 100%;
		    width: 25%;
		    line-height: 50px;
		}
		.navbar .nav-wrap-left .nav-btn {
		    padding-right: 0;
		}
		.navbar .nav-btn {
		    padding: 0 0 0 10%;
		   	width: 90%;
		   	height: 100%;
		    display: block;
		    color: #000;
		    font-size: 14px;
		}
		/*a:active, a:focus, a:hover, a:visited {
		    color: #bbb;
		}*/
		a, a:hover, del, ins, s, u {
		    text-decoration: none;
		}
		.barbtn, a, button, em, input, textarea {
		    -webkit-tap-highlight-color: rgba(255,0,0,0);
		}
		a {
		    color: #222;
		    text-decoration: none;
		    outline: 0;
		}
		.navbar .nav-title {
			width: 50%;
		    height: 100%;
		    overflow: hidden;
		    line-height: 50px;
		    text-align: center;
		    -webkit-box-flex: 1;
		    -ms-flex: 1;
		}
		.navbar .nav-wrap-right {
		    height: 100%;
		    width: 25%;
		    line-height: 50px;
		    text-align: right;
		}
		.filterbar .dropdown-toggle.active {
		    color: #179b16;
		}
		.icon-xuanzechengshi {
			font-size: 8px!important;
		}
		#joblist .list-item .salary span, #loadMore .list-item .salary span, #recommend-job .list-item .salary span {
		    color: #179b16;
		    font-size: .42rem;
		}
		.pic {
			width: 55px!important;
		}
		.pic img{
			width: 55px!important;
			height: 55px;
		}
		.filterbar .dropdown-wrapper {
		    position: absolute;
		    width: 100%;
		    z-index: inherit;
		}
		.filterbar .nav {
		    position: relative;
    		z-index: inherit;
		}
		.block {
			display: block;
		}
		.none {
			display: none;
		}
		.filterbar .nav {
		    display: -webkit-box;
		    display: -ms-flexbox;
		    background: #fff;
		    border-bottom: 1px solid #e5e5e5;
		    text-align: center;
		    height: .86rem;
		    line-height: .86rem;
		    -webkit-user-select: none;
		    font-size: 13px;
		    text-align: center;
		}
		.main {
			/*padding: 0!important;*/
			/*margin-top: 50px; */
			z-index: 9999999;
		}
		.filterbar .category-wrapper {
		    overflow: scroll;
		}
		.category-wrapper {
			max-height: 480px!important;
		}
		.building_item {
			width: 25%;
			height: auto;
			overflow: hidden;
			float: left;
			text-align: center;
			font-size: 15px;
		}
		#joblist .list, #loadMore .list, #recommend-job .list {
		     padding: 0 !important; 
		}
    </style>
  </head>

  <body ontouchstart style="background: #fff">
  	
  	<!-- <p>Time: <span id="time">下拉我试试</span></p> -->
    <div class="navbar">
        <div class="nav-wrap-left">
    		<!-- <a id="cityName" class="nav-btn" href="./city.html"><span id="homepage_cityname"></span>        
    		<i style="font-size: 8px" class="iconfont icon-xuanzechengshi"></i></a> -->
		</div>
		<div class="nav-title">兼职列表</div>
		<div class="nav-wrap-right">
		    <!-- <a class="nav-btn" href="./add_building.html">
		        <i style="font-size: 18px;margin-right: 10%;" class="iconfont  loginType" data-type=""></i>
		        +新增
		    </a> -->
		</div>
    </div>
    <div class="main">
    	
    	<div class="filterbar">
	        <ul class="nav">
	        	<li class="dropdown-toggle" data-list="#list-re">
	                <span class="nav-head-name" id="re-title">岗位</span>
	                <i class="iconfont icon-xuanzechengshi"></i>
	            </li>
	            <li class="dropdown-toggle" data-list="#list-jc">
	                <span class="nav-head-name" id="jc-title">日期</span>
	                <i class="iconfont icon-xuanzechengshi"></i>
	            </li>
	            <li class="dropdown-toggle" data-list="#list-type">
	                <span class="nav-head-name" id="type-title">薪资</span>
	                <i class="iconfont icon-xuanzechengshi"></i>
	            </li>
	            
	        </ul>
	        <div class="dropdown-wrapper">
	            <ul>
	                <li class="category-wrapper" id="list-re" style="display: none">
	                    <ul id="areaList" class="dropdown-list">
	                        <?php foreach($citys as $k=>$val):?>
    	                        <li data-reid="">
                                    <span>{$val.addr}</span>
                                </li>      
                            <?php endforeach;?>
	                    </ul>
	                </li>
	                <li class="category-wrapper" id="list-jc" style="display: none">
	                    <ul id="postList" class="dropdown-list">
	                        <?php foreach($program as $k=>$val):?>
    	                        <li data-jcid="19">
                                    <span>{$val.aname}</span>
                                </li> 
                            <?php endforeach;?>
	                    </ul>
	                </li>
	                <li class="category-wrapper" id="list-type" style="display: none">
	                    <ul class="dropdown-list">
                            <?php foreach($dudao as $k=>$val):?>
                            	<li data-type="all" >
                                    <span data-worktype="1">{$val.dudao}</span>
                                </li>
                            <?php endforeach;?>
                           	
	                    </ul>
	                </li>
	             
	            </ul>
	        </div>

	        <div id="joblist" style="min-height: 10px">
	        	<div class="shade" style="display: none;"></div>
	        	
	            <ul id="job-all" class="list demos-content-padded" style="min-height: 10px">
                <?php foreach($info as $k=>$val):?>
	            	<li>
	                	<a href="{$val.url}" class="list-item clearfix">
	                        <div class="building_item">
	                            {$val.job_name}
	                        </div>
	                        <div class="building_item">
	                            <?php echo date('Y-m-d',$val['start_day']);?>
	                        </div>
	                        <div class="building_item">
	                        	{$val.salary}/天
	                        </div>
	                    </a>
	           		</li>
	           	<?php endforeach;?>
	            </ul>
	         
	        </div>

    	</div>
    </div>
   
	<div id="allmap1"></div>
    <script src="__STATIC__/mobile/js/jquery-2.1.4.js"></script>
    <!-- <script src="js/fastclick.js"></script> -->
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script>
  		$(function() {
  			console.log(window.localStorage.mid);
             listType();
  		});
    </script>
    <script src="__STATIC__/mobile/js/jquery-weui.js"></script>
    <script src="__STATIC__/mobile/js/pull-to-refresh.js"></script>
    <script src="__STATIC__/mobile/js/globalvariable.js"></script>
    <script src="__STATIC__/mobile/js/sose.js"></script>
    <script>
        
        var loading = false;
        var areaName = '';
		var cityName = '';
		var pageNo = 1;
		var pageSize = 10;
		var flag ='asc';
		var jobType = 0;
		var workType = 0;
		var tid;
		var jobTypeName;
       	var city = window.localStorage.city;
       	var latitude;
       	var longitude;
       	var first = true;
		
       var dudao,
       aname,
       loupan,
       summary;
     function listType() {
        $('.dropdown-toggle').click(function(e) {
            tid = $(this).attr("data-list")
            if ($(this).hasClass('active')) {
                $(this).removeClass("active");
                $('.dropdown-wrapper .category-wrapper').css("display","none");
                $(""+tid+"").fadeOut();
                $('.shade').fadeOut();
            } else {
                $('.dropdown-toggle').removeClass("active");
                $(this).addClass("active");
                $('.dropdown-wrapper .category-wrapper').css("display","none");
                $(""+tid+"").fadeIn();
                $('.shade').fadeIn();
            }
        });
        $('#list-re ul li').click(function (e) {
            $('#list-re ul li').removeClass("active");
            $(this).addClass("active");
            dudao = $(this).find("span").html();
            $('#re-title').html(dudao);
            search(dudao,aname,loupan,summary);
            $(""+tid+"").fadeOut();
            $('.shade').fadeOut();
            $('.dropdown-toggle').removeClass("active");
        })
        $('#list-jc ul li').click(function (e) {
            $('#list-jc ul li').removeClass("active");
            $(this).addClass("active");
            aname = $(this).find("span").html();
            $('#jc-title').html(aname);
            search(dudao,aname,loupan,summary);
            $(""+tid+"").fadeOut();
            $('.shade').fadeOut();
            $('.dropdown-toggle').removeClass("active");
        })
        $('#list-type ul li').click(function (e) {
            $('#list-type ul li').removeClass("active");
            $(this).addClass("active");
            loupan = $(this).find("span").html();
            $('#type-title').html(loupan);
            search(dudao,aname,loupan,summary);
            $(""+tid+"").fadeOut();
            $('.shade').fadeOut();
            $('.dropdown-toggle').removeClass("active");
        })
            $('#list-sort ul li').click(function (e) {
                $('#list-sort ul li').removeClass("active");
                $(this).addClass("active");
                summary = $(this).find("span").html();
                $('#type-sort').html(summary);
              search(dudao,aname,loupan,summary);
                $(""+tid+"").fadeOut();
                $('.shade').fadeOut();
                $('.dropdown-toggle').removeClass("active");
            })
      }

        function checkLogin() {
        	// alert(window.localStorage.mid);
        	if (isNull(window.localStorage.mid)) {
        		$('.loginType').attr("data-type",2);
	            $('.loginType').removeClass("icon-tuichudenglu").addClass("icon-iconfontwodea-copy-copy");
        	} else {
        		var obj = {
	        		'mId':window.localStorage.mid,
	        	};
	        	doPost("account/info.web", obj, function(data) {
	        		// JSON.stringify(data)
	        		// alert(JSON.stringify(data));
		            if (data.success) {
		            	// alert(1);
		            	$('.loginType').attr("data-type",1);
		            	$('.loginType').addClass("icon-tuichudenglu").removeClass("icon-iconfontwodea-copy-copy");
		            } else {
		            	// alert(2);
		            	$('.loginType').attr("data-type",2);
		            	$('.loginType').removeClass("icon-tuichudenglu").addClass("icon-iconfontwodea-copy-copy");
		                $.toast(data.errMsg,"text");
		            }
		        }, function(data) {
		              $.toast(data.errMsg,"text");
		        });
        	}
        	
        }

          function search(driver,aname,loupan,finish){
                $.ajax({
                    url : 'http://house.wechatpic.com/Mobile/Interface/video_search_info',
                    type : 'get',
                    dataType : 'json',
                    data : {
                        addr : driver,
                        aname : aname,
                        dudao : loupan,
                        name : finish
                    },
                    success:function(data){
                        console.log(data)
                        $("#job-all").html('');
                        data.forEach(function(i){
                            let actid = Number(i.actid),
                            driver = i.addr,
                            finish = i.dudao,
                            loupan = i.loupan,
                            program = i.aname;

                            let li = `<li><a href="{:U('transportDetail')}?actid=${actid}"class="list-item clearfix"><div class="building_item">${driver}</div><div class="building_item">${program}</div><div class="building_item">${finish}</div><div class="building_item">${loupan}</div></a></li>`
                            $("#job-all").append(li)
                        })
                    }
                })
          }
        
        $(window).scroll(function(){                
	        var scrollh = $(document).height();  
	        var bheight =  $(window).height();
	        console.log("scrollh:"+scrollh+",bheight:"+bheight);
	        var scrollTop=Math.max(document.documentElement.scrollTop||document.body.scrollTop);  
	        if((scrollTop + $(window).height()) >= scrollh){  
	            // alert("jiazai"); 
	            
	        }  
	    }); 
    </script>
  </body>
</html>
